<template>
	<div class="home" id="translate">
		<div class="hd">
			<div class="back" @click="backHome()">返回主页</div>
			<div class="btn" :class="showhei==0?'addclass':''" @click="clickdaili()">代理中心</div>
			<div class="btn" :class="showhei==0?'addclass':''" @click="user()">会员中心</div>
			<div class="btn" :class="showhei==1?'':'addclass'" @click="language()">语言切换
				<ul class="ignore langbox" v-if="showhei==1">
					<li class="langli" @click="cklangs(1)">简体</li>
					<!-- <li class="langli" @click="cklangs(2)">英语</li> -->
					<li class="langli" @click="cklangs(6)">繁体</li>
					<!-- 	<li class="langli" @click="cklangs(3)">日语</li>
					<li class="langli" @click="cklangs(4)">韩语</li>
					<li class="langli" @click="cklangs(5)">越语</li> -->
				</ul>
			</div>

			<div class="his" @click="login()">{{!is_login?'登录注册':'退出登录'}}</div>

		</div>

		<div class="videoBg"></div>
		<img class="banner" src="https://api.taida58.xyz/static/heibi.jpg" />
		<!-- <div class="video">
			<div class="d-player-video" id="dPlayerVideo">
				<video class="d-player-video-main" id="dPlayerVideoMain" controls="" webkit-playsinline="false"
					playsinline="false" post="../../assets/images/video2.png" preload="auto" width="0" height="0"
					src="http://www.heiu.xyz/static/2.mp4" poster="">
					您的浏览器不支持Video标签。
				</video>
			</div>
		</div> -->
		<!--  -->

		<div class="box">
			<div class="title">
				<div class="txt">
					<span class="t1">当前下发</span><span class="t2">记录</span>
					<div class="btn hisbtn" @click="jmp()">历史下发记录</div>
				</div>
				<img class="pic"
					src="" />
			</div>
			<!--  -->
			<div class="newsList">
				<div class="li" v-for="(item, index) in accordList" :key="index + 'itemss'"
					@click="clickEvent(index, item)">
					<div class="money">{{ item.rec_amount }}</div>
					<div class="time">{{ item.created_at }}</div>
					<div class="transaction">{{ item.transaction_hash }}</div>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="title">
			<div class="txt">
				<span class="t1">自助</span><span class="t2">下单</span>
			</div>
			<img class="pic"
				src="" />
		</div>

		<div class="inpBox">
			<p class="inpDes">输入你要购买的数量$</p>
			<div class="inp">
				<input class="eleinput" ref="amount" v-model="amount" v-on:keyup="accountChange"></input>
				<div class="act w100" @click="buys()">点击购买</div>
			</div>
			<div class="gongshi">
				<div class="tip">当前汇率 {{rate}}</div>
				<div class="tip">购买{{ amount }} 你将收到 {{ USDTNum }} USDT</div>
				<div class="tip">计算公式 {{formula}}</div>
			</div>
		</div>
		<!--  -->
		<div class="title">
			<div class="txt">
				<span class="t1">购买价格</span>
			</div>
			<img class="pic"
				src="">
		</div>

		<div class="slate">
			<div v-for="(item, index) in discount_list" :key="index + 'ite'">
				<!-- <p><br></p> -->
				<p style="text-align: start;">
					<span style="color: rgb(66, 144, 247);">
						<strong>🔰{{item.min_price}}--{{item.price}}&nbsp;USDT &nbsp;
							&nbsp; &nbsp; &nbsp;
							&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;✅比例 {{item.discount}}
						</strong>
					</span>
				</p>
				<p style="text-align: start;"><br></p>

			</div>
			<p style="text-align: start;"><strong>🔥</strong><span
					style="color: rgb(255, 77, 79); font-size: 19px;"><strong>单笔购买{{daili.price||'0.00'}}USDT以上成为代理</strong></span><strong>🔥</strong>
			</p>

			<div v-for="(item, index) in equitiesList" :key="index + 'it'">
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span style="color: rgb(66, 144, 247);"><strong>{{item}}</strong></span>
				</p>

			</div>
		</div>


		<!--  -->
		<div class="title">
			<div class="txt">
				<span class="t1">项目介绍</span>
			</div>
			<img class="pic"
				src="">
		</div>
		<div class="slate">
			<div>
				<p style="text-align: start;"><span
						style="color: rgb(64, 169, 255);">1️⃣您用交易所或正常渠道购买到的USDT来购买我们的黑U</span></p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span
						style="color: rgb(64, 169, 255);">2️⃣我们给您转账的黑U到账以后自行进入交易所或其他渠道消化</span>
				</p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span style="color: rgb(64, 169, 255);">3️⃣每天可以重复以上过程搬砖交易</span></p>
				<p style="text-align: start;"><span
						style="color: rgb(140, 140, 140);">------------------------------------------------------------</span>
				</p>
				<p style="text-align: start;"><span style="color: rgb(64, 169, 255);">⭐️黑U可以进入交易所</span></p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span style="color: rgb(64, 169, 255);">⭐️黑U可以进行正常转账</span></p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span style="color: rgb(64, 169, 255);">⭐️黑U可以充值任何博彩平台</span></p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span style="color: rgb(64, 169, 255);">⭐️不限制最低购买数量</span></p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span style="color: rgb(64, 169, 255);">⭐️购买黑U后24小时内冻结我们包赔</span></p>
				<p style="text-align: start;"><br></p>
				<p style="text-align: start;"><span
						style="color: rgb(140, 140, 140);">------------------------------------------------------------</span>
				</p>
				<p style="text-align: start;"><span style="color: rgb(140, 140, 140);">注意：请不要使用我们给您的黑U转账给我们！！！</span>
				</p>
			</div>
		</div>

		<!--  -->
		<div class="title">
			<div class="txt"><span class="t1">问题解答</span></div><img class="pic"
				src="">
		</div>

		<div class="slate">
			<div v-for="(item, index) in qtlist" :key="index + 'item'">
				<p><span style="color: rgb(225, 60, 57);">{{index + 1}}、{{item.title}}</span></p>
				<!-- <p style="color: rgb(66, 144, 247);">{{item.content}}</p> -->
				<p><span style="color: rgb(66, 144, 247);" v-if="index==1">网站首页的下发记录即为我们实时的下发记录，支持一切验证，如需视频验证，请联系我们的TG客服
						<span class="kfcol">{{getSetData.tg_kefu}}</span>，为了避免无效沟通，请您确认您已持有正常的USDT再来验证。</span></p>
				<p><span style="color: rgb(66, 144, 247);" v-if="index!=1">{{item.content}}</span></p>

				<p><br></p>
			</div>
			<p><span
					style="color: rgb(191, 191, 191);">--------------------------------------------------------------</span>
			</p>
			<p><span style="color: rgb(54, 207, 201); font-size: 16px;">更多问题您可以随时咨询我们的在线客服。</span></p>
		</div>

		<!--  -->
		<div class="title">
			<div class="txt"><span class="t1">联系我们</span></div><img class="pic"
				src="">
		</div>

		<div class="contract">
			<a href="https://t.me/Taida58" target="_blank">
				<p>工作室TG唯一客服 {{getSetData.tg_kefu}}</p>
				<p>邮箱 {{getSetData.email}}</p>
			</a>
		</div>

		<input hidden value="尊敬的会员，您当前购买" v-model="msg1" />
	</div>
</template>

<script>
	import translate from 'i18n-jsautotranslate'
	export default {
		name: "homePage",
		data() {
			return {
				showhei: 0,
				is_login: false,
				user_id: '',
				discount_list: [],
				daili: '',
				amount: '',
				rate: 0,
				buyNumber: 0,
				USDTNum: 0,
				getSetData: '',
				formula: '无公式',
				accordList: [],
				equitiesList: [],
				centerData: '',
				questionList: [{
						title: '什么是黑U',
						content: '黑U就是有可能被冻结的真U，你可以理解成某人的钱包被盗了或者被骗了，然后他的U流到了我们这边，这种有被冻结可能的U，称之为黑U（购买后24小时内冻结我们包赔）',
					},
					{
						title: '是否支持验证',
						content: '网站首页的下发记录即为我们实时的下发记录，支持一切验证，如需视频验证，请联系我们的TG客服' +
							this.rate + '，为了避免无效沟通，请您确认您已持有正常的USDT再来验证。',
					},
					{
						title: '是否支持测试',
						content: '我们的自助下单系统不限制购买金额，即使只买1个USDT，我们也是支持的。',
					},
					{
						title: '每天有没有交易次数限制',
						content: '我们没有交易次数限制，但是建议您每次购买到的黑U消化完成后再进行下一次购买，另外不要用我们给您的黑U再转回给我们进行购买！！！',
					},
					{
						title: '是否可以同台交易',
						content: '请进入代理中心，点击【同台预约】目前我们仅支持所有省会城市和直辖市。',
					},
					{
						title: '你们自己为什么不消化',
						content: '我们每天也在进行内部消化，但无论是交易所还是走承兑，都没办法消化这么多的量，另一个出于安全考虑，我们需要把集中来的黑U尽可能多的下发到更多的账户里，这样才能更容易混淆失主的链上追寻。',
					},
					{
						title: '黑U能不能正常交易',
						content: '黑U和常态U没有区别，可以进交易所，也可以正常进行转账，你可以用来做一切正常U可以做的事。',
					},
					{
						title: '购买流程是怎么样的',
						content: '我们的网站主页可以自助下单，输入你要购买的数量，然后填写你的接收地址，支付成功后我们会在1-5分钟内给您下发成功，详情可以点击网页个人中心，订单管理查看。',
					},
					{
						title: '是否支持人民币拿货',
						content: '目前我们仅支持泰铢、美元两种法币交易，人民币收款账户价格太高，冻结概率太大，所以暂时不考虑开通人民币购买渠道。',
					},
					{
						title: '代理如何加入',
						content: '我们的代理是免费加入的，单笔购买超过2000USDT即可成为代理，成为代理享有以下权益:代理专属汇率:1.45;免费赠送代理网站源码，可自行开拓市场;代理每累计购买10000USDT汇率就增加0.01;成为代理后无论单笔购买多少USDT都按照代理专属汇率下发;例如您已成为代理，当前已经交易超过20000USDT，那么您的代理中心汇率即为1.47，购买1000USDT可获得1470USDT.',
					},
					{
						title: '我还需要准备些什么？',
						content: '交易所或冷钱包都可以，交易所建议欧易，币安，s6、芝麻开门等交易所，冷钱包推荐比特派、Tronlink、TP、IM等等',
					},
				]
				// dialogExamEquipment:{
				//     show:true,
				// },
			};
		},
		created() {
			let that = this;
			// that.API_orderindex();
			that.API_discount();
			that.API_getSet();
			// is_login
			var user_id = localStorage.getItem("user_id");
			if (user_id != void 0) {
				console.log('登录了', user_id)
				that.is_login = true;
				that.user_id = user_id;
				that.API_center();
			} else {
				console.log('未登录', user_id)
				that.is_login = false;
			}

			setInterval(that.API_orderindex(), 180000);
		},
		mounted() {
			translate.setUseVersion2(); //设置使用v2.x 版本
			translate.language.setLocal();
			translate.selectLanguageTag.show = false; //不出现的select的选择语言
			translate.execute(); //进行翻译
		},
		methods: {
			jmp() {
				let a = document.createElement("a");
				a.href = 'https://tronscan.org/#/address/TJh5zGuMA4jLeAZNbAFFQ4t2EkacYZgxa1';
				a.target = "_blank"
				a.click();
				// window.location.href = 'https://tronscan.org/#/address/TJh5zGuMA4jLeAZNbAFFQ4t2EkacYZgxa1'
			},
			cklangs(id) {
				var text = '';
				this.showhei = 0;
				if (id == 1) {
					text = 'chinese_simplified';
				} else if (id == 2) {
					text = 'english';
				} else if (id == 3) {
					text = 'japanese';
				} else if (id == 4) {
					text = 'korean';
				} else if (id == 5) {
					text = 'vietnamese';
				} else if (id == 6) {
					text = 'chinese_traditional';
				}
				translate.changeLanguage(text)
				translate.execute(); //进行翻译

			},
			language() {
				this.showhei = 1;
			},
			login() {
				if (!this.is_login) {
					this.$router.push('/login');
				} else {
					this.$confirm('此操作将确认退出登录, 是否继续?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						this.$message({
							type: 'success',
							message: '退出成功!'
						});
						localStorage.clear();
						this.is_login = false;
					}).catch(() => {});

				}

			},
			API_orderindex() {
				this.$api.fengXing.orderindex({}).then((res) => {
					if (res.code == 0) {
						this.accordList = res.data;
					}
				});
			},
			user() {
				if (!this.is_login) {
					this.$router.push('/login');
				} else {
					this.$router.push('/vip');
				}

			},
			clickdaili() {
				if (this.daili == 1) {

					this.$alert('请联系客服领取代理福利 ', '代理中心', {
						confirmButtonText: '确定',
						callback: action => {}
					});
				} else {
					this.$alert('仅针对代理开放,请您加入代理后再尝试点击进入 ', '成为代理', {
						confirmButtonText: '确定',
						callback: action => {}
					});
				}

			},
			buys() {
				let that = this;

				let msg = '尊敬的会员，您当前购买' + that.amount + 'USDT，您将收到' + that.USDTNum + 'USDT，免费加入代理可享有最优汇率，详情可咨询在线客服。'
				if (that.user_id) {
					that.$prompt(msg, '购买', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						showInput: true,
						inputErrorMessage: '接收地址不正确',
						inputPlaceholder: '请输入正确的TRC-20接收地址'
					}).then(({
						value
					}) => {
						that.API_payment(value);
					}).catch(() => {

					});
				} else {
					that.$message('请先登录');
				}

			},
			API_payment(receive_address) {
				let that = this;
				var u = navigator.userAgent;
				var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端
				var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				that.$api.fengXing.payment({
					user_id: that.user_id,
					amount: that.amount,
					receive_address: receive_address,
				}).then((res) => {
					if (res.code == 0) {
						var url = res.data.payment_url;
						var delurl = res.data.payment_url.replace('https://', '');
						let path = window.location.protocol + "//" + delurl
						window.location.href = path;
					} else {
						that.$message(res.msg);
					}
				});
			},
			API_getSet() {
				this.$api.fengXing.getSet({}).then((res) => {
					if (res.code == 0) {
						this.getSetData = res.data;
						var kfdata = this.getSetData.tg_kefu || '@taida58';
						var htmls = '<span class="kfcol">' + kfdata + '</span>'
						this.qtlist = [{
								title: '什么是黑U',
								content: '黑U就是有可能被冻结的真U，你可以理解成某人的钱包被盗了或者被骗了，然后他的U流到了我们这边，这种有被冻结可能的U，称之为黑U（购买后24小时内冻结我们包赔）',
							},
							{
								title: '是否支持验证',
								content: '网站首页的下发记录即为我们实时的下发记录，支持一切验证，如需视频验证，请联系我们的TG客服' +
									htmls + '，为了避免无效沟通，请您确认您已持有正常的USDT再来验证。',
							},
							{
								title: '是否支持测试',
								content: '我们的自助下单系统不限制购买金额，即使只买1个USDT，我们也是支持的。',
							},
							{
								title: '每天有没有交易次数限制',
								content: '我们没有交易次数限制，但是建议您每次购买到的黑U消化完成后再进行下一次购买，另外不要用我们给您的黑U再转回给我们进行购买！！！',
							},
							{
								title: '是否可以同台交易',
								content: '请进入代理中心，点击【同台预约】目前我们仅支持所有省会城市和直辖市。',
							},
							{
								title: '你们自己为什么不消化',
								content: '我们每天也在进行内部消化，但无论是交易所还是走承兑，都没办法消化这么多的量，另一个出于安全考虑，我们需要把集中来的黑U尽可能多的下发到更多的账户里，这样才能更容易混淆失主的链上追寻。',
							},
							{
								title: '黑U能不能正常交易',
								content: '黑U和常态U没有区别，可以进交易所，也可以正常进行转账，你可以用来做一切正常U可以做的事。',
							},
							{
								title: '购买流程是怎么样的',
								content: '我们的网站主页可以自助下单，输入你要购买的数量，然后填写你的接收地址，支付成功后我们会在1-5分钟内给您下发成功，详情可以点击网页个人中心，订单管理查看。',
							},
							{
								title: '是否支持人民币拿货',
								content: '目前我们仅支持泰铢、美元两种法币交易，人民币收款账户价格太高，冻结概率太大，所以暂时不考虑开通人民币购买渠道。',
							},
							{
								title: '代理如何加入',
								content: '我们的代理是免费加入的，单笔购买超过2000USDT即可成为代理，成为代理享有以下权益:代理专属汇率:1.45;免费赠送代理网站源码，可自行开拓市场;代理每累计购买10000USDT汇率就增加0.01;成为代理后无论单笔购买多少USDT都按照代理专属汇率下发;例如您已成为代理，当前已经交易超过20000USDT，那么您的代理中心汇率即为1.47，购买1000USDT可获得1470USDT.',
							},
							{
								title: '我还需要准备些什么？',
								content: '交易所或冷钱包都可以，交易所建议欧易，币安，s6、芝麻开门等交易所，冷钱包推荐比特派、Tronlink、TP、IM等等',
							},
						]
					}
				});
			},


			API_discount() {
				this.$api.fengXing.discount({}).then((res) => {
					console.log('----', res);
					if (res.code == 0) {
						this.discount_list = res.data.discount_list;
						this.daili = res.data.daili;
						var huilv = res.data.daili.discount;
						this.equitiesList = [
							'🔘代理专属汇率:' + huilv,
							'🔘免费赠送代理网站源码，可自行开拓市场',
							'🔘代理每累计购买10000USDT汇率就增加0.01',
							'🔘成为代理后无论单笔购买多少USDT都按照代理专属汇率下发',
							'🔘例如您已成为代理，当前已经交易超过20000USDT，那么您的代理中心汇率即为1.47，购买1000USDT可获得1470USDT'
						];
					}
				});
			},
			API_center() {
				let that = this;
				that.$api.fengXing.center({
					user_id: that.user_id,
				}).then((res) => {
					console.log('----', res);
					if (res.code == 0) {
						that.centerData = res.data
					} else {
						this.$message(res.msg);
					}
				});
			},
			accountChange(e) {
				var that = this;

				if (that.amount == '') {
					// this.$message('请输入数字');

					return;
				}
				console.log('----', that.amount);
				var amount = parseInt(that.amount)
				// var amount = parseInt(that.$refs.amount.value); //输入数字
				that.amount = amount;
				var discount_list = that.discount_list;
				var daili = that.centerData.is_daili;
				var dailidiscount = that.centerData.discount;
				console.log('是不是代理', daili)
				var rate = ''; //当前汇率
				var open = [];
				var isOpen;
				for (var i = 0; i < discount_list.length; i++) {
					var open_item = [Number(discount_list[i].min_price), Number(discount_list[i].price)];
					open.push(open_item);
				}
				for (let f = 0; f < open.length; f++) {
					// 判断是否在区间
					if (that.judgeCurrentNumberInSection(amount, open[f])) {
						// 如果在，直接终止循环，赋值为true
						isOpen = open.indexOf(open[f]);
						rate = discount_list[isOpen].discount;
						break;
					}
				}

				console.log('isOpen', isOpen);
				if (that.user_id == '') {
					if (isOpen == void 0) {
						let len = discount_list.length;
						that.rate = discount_list[len - 1].discount;
						that.USDTNum = parseFloat(amount * discount_list[len - 1].discount).toFixed(2);
					} else {
						that.rate = rate;
						that.USDTNum = parseFloat(amount * rate).toFixed(2);
					}
				} else {
					if (daili == 0) {
						if (isOpen == void 0) {
							let len = discount_list.length;

							that.rate = discount_list[len - 1].discount;
							that.USDTNum = parseFloat(amount * discount_list[len - 1].discount).toFixed(2);
						} else {
							that.rate = rate;
							that.USDTNum = parseFloat(amount * rate).toFixed(2);
						}

					} else {
						that.rate = dailidiscount;
						that.USDTNum = parseFloat(amount * dailidiscount).toFixed(2);
					}
					that.formula = amount == 0 ? '无公式' : daili == 0 ? `${amount} x ${that.rate}` :
						`${amount} x ${dailidiscount}`
				}


			},
			judgeCurrentNumberInSection(current, section) {
				if (current >= section[0] && current <= section[1]) return true
				else return false
			},
			clickEvent(i, e) {
				console.log(i, e);
				let a = document.createElement("a");
				a.href = 'https://tronscan.org/#/transaction/' + e.transaction_hash;
				a.target = "_blank";
				a.click();
				// window.open('https://tronscan.org/#/transaction/' + e.transaction_hash);
				// window.location.href = 'https://tronscan.org/#/transaction/' + e.transaction_hash

			}
		},
	};
</script>

<style scoped lang="scss">
	.el-dialog {
		width: 90% !important;
	}

	.langbox {
		width: 1.61290323rem;
		color: #fff;
		font-size: 0.33064516rem;
		margin-top: 0.2rem;
		font-family: PingFang SC;
		text-align: center;
		position: absolute;
		left: -0.14rem;

		.langli {
			width: 1.61290323rem;
			margin: auto 0.14rem;
			background: linear-gradient(101deg, #01132c 0%, #194581 100%);
			cursor: pointer;
			line-height: 0.80645161rem;
			height: 0.80645161rem;
			border: 1px solid rgba(32, 254, 255, 0.3);
			position: relative;
			text-align: center;
			overflow: hidden;
		}

		.langli::before {
			content: " ";
			position: absolute;
			width: 1px;
			height: 100%;
			top: -100%;
			left: 0;
			background-image: linear-gradient(0deg, transparent, #03e9f4, transparent);
			animation: two 4s linear infinite;
		}

		.langli::after {
			content: " ";
			position: absolute;
			width: 1px;
			height: 100%;
			bottom: -100%;
			right: 0;
			background-image: linear-gradient(360deg, transparent, #03e9f4, transparent);
			animation: four 4s linear 2s infinite;
		}
	}

	.addclass {
		height: 0.48387097rem;
		overflow: hidden;
	}

	.home {
		position: relative;
		width: 100%;
		margin: auto;
		min-height: 41.53225806rem;
		padding-top: 1.20967742rem;
		background: linear-gradient(101deg, #01132c 0%, #194581 100%);

		.hd {
			position: relative;
			// max-width: 90%;
			max-width: 13.39516129rem;
			height: 0.80645161 rem;
			margin: auto;
			font-size: 0.33064516rem;
			font-family: FZLanTingHeiS-EB-GB;
			font-weight: 700;
			color: #46a7ed;
			line-height: 0.80645161rem;
			background: url(../../../assets/images/fengXing/topBtnBG.png) repeat center / cover;
			text-align: center;
			z-index: 1900;

			.back {
				position: absolute;
				left: 0.5rem;
				top: -0.04032258rem;
				height: 0.24193548 rem;
				font-size: 0.24193548rem;
				font-family: PingFang SC;
				font-weight: 500;
				color: #46a7ed;
				line-height: 0.24193548rem;
				cursor: pointer;
				padding: 0.16129032rem;
			}

			.hei {
				height: 1.2rem !important;
				// position: relative !important;
			}

			.btn {
				display: inline-block;
				width: 1.61290323rem;
				// height: 0.48387097rem;
				line-height: 0.48387097rem;
				font-size: 0.24193548rem;
				font-family: PingFang SC;
				margin: auto 0.14rem;
				// margin: auto 0.24193548rem;
				background: linear-gradient(101deg, #01132c 0%, #194581 100%);
				cursor: pointer;

				border: 1px solid rgba(32, 254, 255, 0.3);
				position: relative;
				text-align: center;
				// overflow: hidden;
				cursor: pointer;
			}

			.btn::before {
				content: " ";
				position: absolute;
				width: 1px;
				height: 100%;
				top: -100%;
				left: 0;
				background-image: linear-gradient(0deg, transparent, #03e9f4, transparent);
				animation: two 4s linear infinite;
			}

			.btn::after {
				content: " ";
				position: absolute;
				width: 1px;
				height: 100%;
				bottom: -100%;
				right: 0;
				background-image: linear-gradient(360deg, transparent, #03e9f4, transparent);
				animation: four 4s linear 2s infinite;
			}

			.his {
				display: flex;
				justify-content: center;
				align-self: center;
				position: absolute;
				right: 0.16129032rem;
				top: -0.04032258rem;
				height: 0.24193548rem;
				font-size: 0.24193548rem;
				font-family: PingFang SC;
				font-weight: 500;
				color: #46a7ed;
				line-height: 0.24193548rem;
				cursor: pointer;
				padding: 0.16129032rem;
			}
		}
	}




	@keyframes one {
		0% {
			left: -100%
		}

		50%,
		to {
			left: 100%
		}
	}

	@keyframes two {
		0% {
			top: -100%
		}

		50%,
		to {
			top: 100%
		}
	}

	@keyframes three {
		0% {
			right: -100%
		}

		50%,
		to {
			right: 100%
		}
	}

	@keyframes four {
		0% {
			bottom: -100%
		}

		50%,
		to {
			bottom: 100%
		}
	}


	.home {
		.banner {
			width: 8.23387097rem;
			height: 4.7016129rem;
			margin: 0.16129032rem auto 0.82258065rem;
			border-radius: 0.32258065rem;
			display: block;
		}

		.videoBg {
			position: absolute;
			left: 0;
			top: 0;
			height: 7.76612903rem;
			width: 100%;
			background: url(../../../assets/images/fengXing/videoBg.png) no-repeat center / cover;
		}

		.video {
			width: 8.23387097rem;
			height: 4.7016129rem;
			margin: 0.16129032rem auto 0.82258065rem;
			border-radius: 0.32258065rem;
			background-color: #011d3a;
		}

		.box {
			margin: auto 0.24193548rem;
			background: rgba(1, 39, 73, 0.49);
			box-shadow: 0 1px 21px #2a96e973;
			margin: auto;
			text-align: center;
		}

		.title {
			padding-top: 0.67741935rem;

			.txt {
				position: relative;
				height: 0.32258065rem;
				font-size: 0.32258065rem;
				font-family: FZLanTingHeiS-EB-GB;
				font-weight: 700;
				color: #46a7ed;
				text-align: center;

				.t2 {
					color: #fff;
				}

				.hisbtn {
					position: absolute;
					right: 0.80645161rem;
					display: inline-block;
					width: 2.41935484rem;
					height: 0.48387097rem;
					line-height: 0.48387097rem;
					cursor: pointer;
				}
			}

			.pic {
				display: block;
				height: 0.18548387rem;
				width: 8.12096774rem;
				margin: 0.12096774rem auto 0;
			}
		}

		.newsList {
			margin: 10px auto;
			height: 200px;
			overflow-y: scroll;
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 17px;
			color: #fff;
		}

		.li {
			display: flex;
			list-style: none;
			line-height: 30px;
			height: 30px;
			text-align: left;
			cursor: pointer;
			padding: 0 10px;
			max-width: 800px;
			margin: auto;
			color: #fff;
			overflow: hidden;
		}

		.money {
			flex-shrink: 0;
			width: 1.4516129rem;
		}

		.time {
			width: 1.61290323rem;
			flex-shrink: 0;
		}

		.transaction {
			flex: 1;
		}

		.inpBox {
			width: 9.27419355rem;
			margin: 0.56451613rem auto 0;

			.inpDes {
				font-size: 0.25806452rem;
				font-family: PingFang SC;
				font-weight: 500;
				color: #fff;
				line-height: 0.25806452rem;
				margin-left: 0.25806452rem;
			}

			.inp {
				display: flex;
				align-items: center;
				width: 100%;
				height: 1.40322581rem;
				margin-top: 0.18548387rem;
				background: url() no-repeat center / cover;

				.w100 {
					width: 1.4516129rem;
					margin: auto 0.16129032rem;
				}

				.act {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 1.98387097rem;
					height: 0.86290323rem;
					border: 1px solid #2F66A1;
					border-radius: 0.0483871rem;
					font-size: .25806452rem;
					font-family: PingFang SC;
					font-weight: 500;
					color: #fff;
					text-align: center;
					background-color: #0c3059;
					cursor: pointer;
				}
			}

			.gongshi {
				text-align: center;
			}

			.tip {
				font-size: 0.2016129rem;
				font-family: PingFang SC;
				font-weight: 500;
				color: #46a7ed;
				margin: 0.16129032rem 0 0 0.25806452rem;
			}

		}

		.contract {
			width: 9.27419355rem;
			background: rgba(1, 39, 73, .49);
			box-shadow: 0 1px 21px #2a96e973;
			margin: 0.36290323rem auto 0;
			padding: 0.48387097rem;
			font-size: 12px;
			text-align: center;

			p {
				color: #fff;
				font-size: .25806452rem;
				line-height: 1.5;
			}
		}

		.slate {
			width: 9.27419355rem;
			background: rgba(1, 39, 73, .49);
			box-shadow: 0 1px 21px #2a96e973;
			margin: 0.36290323rem auto 0;
			padding: 0.48387097rem;
			font-size: 15px;
			box-sizing: border-box;
			line-height: 1.5;

			.kfcol {
				color: firebrick;
			}
		}
	}

	.d-player-video {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
	}

	.d-player-video-main {
		width: 100%;
		height: 100%;
		transition: 0.2s;
	}

	.el-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2000;
		height: 100%;
		background-color: var(--el-overlay-color-lighter);
		overflow: auto;
	}

	.el-overlay-dialog {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
	}
</style>
<style>
	.eleinput {
		-webkit-appearance: none;
		background-color: RGBA(0, 0, 0, 0) !important;
		background-image: none;
		/* border-radius: 4px; */
		border: none !important;
		box-sizing: border-box;
		color: white;
		display: inline-block;
		/* line-height: 40px; */
		outline: 0;
		padding: 0 15px;
		transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
		width: 100%;
		font-size: .25806452rem;
		height: 100%;
		line-height: 100%;
		flex: 1;
		font-size: .25806452rem;
		font-weight: 700;
	}
</style>